<div class="col-lg-12">
    <div class="slider-container">
        <div class="hero-slider-one">
            {loop}
            <div class="hero-slider-item" style="background-image:url({$r.pic})">
                <div class="slider-content  d-flex flex-column justify-content-center align-items-start h-100">
                    <p>{$r.content}</p>
                    <h1>{$r.title}</h1>
                    <a href="{$r.url}l" class="pataku-btn slider-btn-1">SHOW MORE</a>
                </div>
            </div>
            {/loop}
        </div>
    </div>
</div>